body { float:left; width:100%; margin:0px; font:0.8em/180% Microsoft YaHei; color:#888;}
*{ margin:0px; padding:0px; list-style:none; border:none;}
a{ color:#555; text-decoration:none;}
a:hover{ color:#0061A0;}
/*
img {
	max-width: 100%;
	height: auto;
	width: auto\9; */ /* ie8 */
/*
}
*/

header{ float:left; width:100%; }
.toptu{ float:right; width:142px; height:129px; background:url(../../img/public/head_bg.jpg) no-repeat 0px 0px;}
#logo{ float:left; width:487px; height:76px; margin:25px auto 0px 1%; background:url(../../img/public/logo.jpg) no-repeat left top;}
#logo img{ display:none;}
nav{ float:left; width:100%; height:36px; background:#0061A0 url(../../img/public/nav_bg.jpg) repeat-x 0px 0px;  text-shadow:0px 1px 1px rgba(0,0,0,.5); color:#fff; line-height:36px; }
nav #webtime{ float:left; width:18%; font-size:14px; }
nav ul{ float:right; width:801px; background:url(../../img/public/nav_ge2.jpg) no-repeat right 0px;}
nav ul li{ float:left; width:99px; height:36px; font-size:16px; text-align:center; background:url(../../img/public/nav_ge2.jpg) no-repeat 0px 0px; padding-left:1px;  position:relative;  z-index:2000; }
nav ul li a{ color:#fff; text-decoration:none; display:block;}
nav ul li a:hover{color:#fff; background:rgba(255,255,255,.5); cursor:hand;}
nav ul li ul{ width:100%;background: url(../../img/public/lteie9.png) repeat 0px 0px\9; background:rgba(255,255,255,.8); position:absolute; left:2px; top:36px; visibility:hidden; padding-bottom:5px; text-shadow:0px 1px 1px rgba(255,255,255,.5);border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
nav ul li table{ position:absolute; left:2px; top:0px;}
nav ul li:hover ul,nav ul li a:hover ul{ visibility:visible;}
nav ul li ul li{ width:100%; _width:99px; height:34px; line-height:34px; font-size:14px; background:none; color:#555;}
nav ul li ul li a{color:#555;}
nav ul li ul li a:hover{color:#0061A0;}
nav ul li ul.navfg{ width:140px; left:-20px;}
nav ul li ul.navfg li{ width:140px;}

.web_center,.foot_center,.head_center,.nav_center{ float:none; width:1002px; margin:0px auto;}

footer{ float:left; width:100%; padding:20px 0px; background:#8BCBF7; margin-top:20px; color:#51729F; line-height:28px;}
.copy{ float:left; width:70%; }
.copy span{ padding-right:10px;}
.footlink{ float:right; width:30%; text-align:right;}
.footlink a{ padding:0px 5px;}


@media only screen and (min-width:801px) and (max-width:1002px){
	.web_center,.foot_center,.head_center,.nav_center{ width:800px;}
	nav ul{ float:right; width:80%;  background:none;}
	nav ul li{ width:12%; background:none; height:auto;}
}


@media only screen and (min-width:601px) and (max-width:800px){
	.web_center,.foot_center,.head_center,.nav_center,.foot_center{ width:100%;}
	nav{  height:auto; background:#0061A0; }
    nav #webtime{ display:none; }
    nav ul{ float:right; width:100%;  background:none;}
	nav ul li{width:12%;  background:none; height:auto;}
	#logo{ float:left; width:400px; height:62px; margin:40px auto 0px 1%; background:url(../../img/public/logo2.jpg) no-repeat left top;}
}

@media only screen and (min-width:281px) and (max-width:600px){
	.web_center,.foot_center,.head_center,.nav_center,.foot_center{ width:100%;}
	header{ background:none;}
	#logo{ float:none; width:244px; height:39px; margin:20px auto 0px auto; background:url(../../img/public/logo3.jpg) no-repeat left top;}
	.toptu{ display:none;}
	.head_center,nav_center,.foot_center{ width:100%;}
	nav{ height:auto; background:#0061A0;  margin-top:20px;  }
    nav #webtime{ display:none; }
    nav ul{ float:right; width:100%;  background:none;}
	nav ul li{ background:none;  width:80px; font-size:14px;}
	nav ul li ul{ display:none;}
}

@media only screen and (min-width:0px) and (max-width:280px){
	.web_center,.foot_center,.head_center,.nav_center,.foot_center{ width:100%;}
	header{ background:none;}
	#logo{ float:none; width:81px; height:54px; margin:20px auto 0px auto; background:url(../../img/public/logo4.jpg) no-repeat left top;}
	.toptu{ display:none;}
	nav{ height:auto; background:#0061A0; margin-top:20px;  }
    nav #webtime{ display:none; }
    nav ul{ float:right; width:100%; background:none;}
	nav ul li{ background:none;  width:80px; font-size:14px;}
	nav ul li ul{ display:none;}
}

@media only screen and (min-width:0px) and (max-width:960px){
	.copy{ float:left; width:100%; text-align:center; }
    .footlink{ float:right; width:100%; text-align:center;}
}